<template>
    <div class="bg">
        <div class="model">
            <div class="d4"></div>
            <div class="tex">
                <p>请点击右上角 <br>选择“浏览器中打开”</p>
            </div>
        </div>
        <div class="main">
            <img src="https://ali-fir-pro-icon.fir.im/14e694984865a810eb1c27c9e8ed5f5d339da2af?auth_key=1577429211-0-0-303789ac9944581fa7163fc0c13184b1"
                 class="logo">
            <p class="til">太空e家</p>
            <div class="btn" @click="jupIt">下载安装</div>
        </div>

    </div>
</template>

<script>
    export default {
        data() {
            return {};
        },
        watch: {
            // 监听具体数据变化，并做相应的处理
        },
        methods: {
            jupIt() {
                window.location = 'http://imgaryv3.ishangtui.com/download/Iry20191226-1.apk';
            }
        }
    };

</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
    @import '~assets/main.styl'
    .bg {
        height 100vh
        padding-top vh(60)
        box-sizing: border-box;
        background white

        .main {
            width 100%
            flex-y()
            padding-top 20vw

            .logo {
                width 40vw
                height 40vw
                border-radius main-radius
            }

            .til {
                word-vw(24px, #505556)
                font-weight 400
                margin-top 10px
            }

            .btn {
                background #32b2a6
                word-vw(14px, white)
                border-radius all-radius
                padding 14px 28px
                margin-top 10vh
            }
        }


        .model {
            position absolute
            right 10px
            top 20px

            .d4 {
                margin-left: 110px;
                width: 0;
                height: 0;
                border-width: 10px;
                top -20px
                border-style: solid;
                right 10px
                border-color: transparent #32b2a6 transparent transparent;
                transform: rotate(90deg); /*顺时针旋转90°*/
                position absolute
            }

            .tex {
                border-radius main-radius
                background #32b2a6
                padding 10px

                p {
                    word-vw(14px, white)
                    text-align center
                }
            }
        }


    }
</style>
